

.planlist{
    margin-top: 3%;
    transition: all 2s;
    width: 1400px; 
    height: 100%;
    background-color: white;
    margin-left: 15%;
   
    .div_span{
        margin-top: 15px;
        margin-left: 38px;
        width: 250px;
        height: 36px;
        border: 1px solid #dcdfe6;
        border-radius: 15px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        .span0{
            width: 33.43%;
            height: 100%;
            color: #606266;
            line-height: 34px;
            text-align: center;
            border-radius: 15px 0px 0px 15px;
            border-right: 1px solid #ccc;
        }
        .span1{
            width: 33.43%;
            height: 100%;
            color: #606266;
            line-height: 34px;
            text-align: center;
            border-right: 1px solid #ccc;
        }
        .span2{
            width: 33.43%;
            height: 100%;
            color: #606266;
            line-height: 34px;
            text-align: center;
            border-radius: 0px 15px 15px 0px;
        }
        .active0{
            width: 33.43%;
            height: 100%;
            line-height: 34px;
            text-align: center;
            border-radius: 15px 0px 0px 15px;
            border-right: 1px solid #ccc;
            background-color: #679cf6;
            color: white !important;
        }
        .active1{
            width: 33.43%;
            height: 100%;
            line-height: 34px;
            text-align: center;
            border-right: 1px solid #ccc;
            background-color: #679cf6;
            color: white !important;
        }
        .active2{
            width: 33.43%;
            height: 100%;
            line-height: 34px;
            text-align: center;
            background-color: #679cf6;
            color: white !important;
            border-radius: 0px 15px 15px 0px;
        } 
    }
}

.box1{
    margin: 20px 75px;
    width: 300px;
    height: 200px;
    background-image: url('./IMG/rBsCHWCiTbeAE4evAAF1sh4h-Cs66.jpeg');
    background-size: 100%;
    float: left;
    position: relative;
}
.span{
    position: absolute;
    top: 120px;
    width: 100%;
    height: 80px;
    line-height: 40px;
    background:#f7f8fa;
    .spana{
        margin-left: 170px;
        background:#8183f1;
        border-radius: 15%;
        font-size: 16px;
        text-align:center;
        height: 40px;
    }
   
}

.box2{
    margin: 20px 75px;
    width: 300px;
    height: 200px;
    background-image: url('./IMG/rBsCHGCjFWyAaaInAAC7mTv_mJo48.jpeg');
    background-size: 100%;
    float: left;
    position: relative;
    .spana{
        height:40px;
        margin-left: 170px;
        background:#8183f1;
        border-radius: 15%;
        text-align:center;
        font-size: 16px;
    }
}

.box3{
    margin: 20px 75px;
    width: 300px;
    height: 200px;
    background-image: url('./IMG/rBsCHWCjnpCAB3PlAADGL0pagC066.jpeg');
    background-size: 100%;
    float: left;
    position: relative;
    .spana{
        margin-left: 170px;
        background:#8183f1;
        border-radius: 15%;
        font-size: 16px;
        text-align:center
    }
}

.viewPlanTable{
    width: 100%;
    // height: ;02

}

.ViewItemTB{
    li{
        list-style: none;
    }
}


.viewPlanTable{
    margin:20px 40px;
    width:80%;
    font-size: 15px;
    border:1px rgba(204, 204, 204, 0.5) solid;
}

.Planbottom{
    width: 90%;
    margin: 3% 3%;
    border:1px rgba(204, 204, 204, 0.5) solid;

}

.Planbottoms{
    border: none;
    width: 90%;
    margin: 3% 3%;
}

.pp{
    font-size: 13px;
    color: #ccc;
}
.pps{
    color: orange;
}

.bottom-top{
    background:rgba(204, 204, 204, 0.5) ;
}

.bottom-tops{
    font-size: 13px;
}

.Tblist{
    height: 35px;
    line-height:35px ;
    border-bottom: 1px rgba(204, 204, 204, 0.5) solid;
}